<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>article detail</title>

<!-- 最新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>

<script src="../javascript/common.js"></script>

<link rel="stylesheet" href="../css/common.css">

</head>
<body>
<!-- header log -->
<div class="header-logo border container">
<div class="row" align="right">
	<ul class="list-inline header-logo-ul">
		<li>welcome to my world</li>
		<li><a href="#">Login</a></li>
		<li><a href="#">regist</a></li>
		<li><a href="#">付乐天</a></li>
		<li>付乐天</li>
		<li>text</li>
		<li>text</li>
		<li>text</li>
		<li>text</li>
	</ul>
</div>
<div class="row">
<div class="col-xs-6"><img src="../images/vip.png" /></div>
</div>
</div>
<!-- //header log -->

<!-- header -->
<div class="header-main-bg">
<div class="container border">
<div class="row">
<div class="col-xs-12">
    <ul class="header-menu nav navbar-nav navbar-left">
      <li><a href="#">Link&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
        </ul>
      </li>
    </ul>
</div>
</div>
</div>
</div>
<!-- //header-menu -->

<!-- location -->
<div class="container">
	<div class="row">
		<div class="col-xs-12">
			<div class="location">您现在的位置:</div>
		</div>
	</div>
	
</div>
<!-- //location -->

<!-- article meta -->
<div class="container">
	<div class="row">
		<div class="col-xs-5">
			<img alt="" src="../images/big-article.jpg" class="image-equal-width"/>
		</div>
		<div class="col-xs-7">
			<div class="detail-title">庄子 / 女款黑色毛领修腰时尚长袖夹克</div>
			<div class="detail-price"><span>￥</span><span class="detail-price-number"><i>299</i></span>&nbsp;&nbsp;&nbsp;<span class="label label-primary">3折</span></div>
			<div class="detail-article-line">
				<dl class="dl-horizontal">
				  <dt>类&nbsp;&nbsp;型</dt>
				  <dd>...1</dd>
				  <dt>数&nbsp;&nbsp;量</dt>
				  <dd>...1</dd>
				  <dt>销&nbsp;&nbsp;量</dt>
				  <dd>...1</dd>
				  <dt>大众评分</dt>
				  <dd>...1</dd>
				</dl>
			</div>
			<div class="detail-article-line">
				<a href="#" class="btn btn-primary btn-lg">&nbsp;&nbsp;&nbsp;加入购物车&nbsp;&nbsp;&nbsp;</a>
			</div>
		</div>
	</div>	
</div>
<!--// article meta -->

<!-- location -->
<div class="container">
	<div class="row">
		<div class="col-xs-12">
			<div class="location">商品参数:</div>
		</div>
	</div>
	
</div>
<!-- //location -->

<!-- article parameters -->
<div class="container">
	<div class="row">
		<div class="col-xs-12 article-param">
			<dl class="dl-horizontal">
			  <dt>类&nbsp;&nbsp;型</dt>
			  <dd>...1</dd>
			  <dt>数&nbsp;&nbsp;量</dt>
			  <dd>...1</dd>
			  <dt>销&nbsp;&nbsp;量</dt>
			  <dd>...1</dd>
			  <dt>大众评分</dt>
			  <dd>...1</dd>
			</dl>
		</div>
	</div>
</div>
<!--// article parameters -->

<!-- location -->
<div class="container">
	<div class="row">
		<div class="col-xs-12">
			<div class="location">商品图片:</div>
		</div>
	</div>
	
</div>
<!-- //location -->
<div class="container">
	<div class="row">
		<div class="col-xs-6"><img alt="" src="../images/big-article.jpg" class="image-equal-width"/></div>
		<div class="col-xs-6"><img alt="" src="../images/big-article.jpg" class="image-equal-width"/></div>
		<div class="col-xs-6"><img alt="" src="../images/big-article.jpg" class="image-equal-width"/></div>
		<div class="col-xs-6"><img alt="" src="../images/big-article.jpg" class="image-equal-width"/></div>
	</div>
</div>

<!-- location -->
<div class="container">
	<div class="row">
		<div class="col-xs-12">
			<div class="location">大众评价:</div>
		</div>
	</div>
	
</div>
<!-- //location -->

<!-- comment -->
<div class="container">
	<div class="row">
		<div class="col-xs-1"><img alt="" src="../images/icon-user.jpg" class="image-equal-width"/></div>
		<div class="col-xs-11">
			<div class="detail-comment">
				<div class="detail-comment-title">
					<span class="glyphicon glyphicon-star"></span>
					<span class="glyphicon glyphicon-star"></span>
					<span class="glyphicon glyphicon-star"></span>
					
					<span class="detail-comment-title-date">2010-10-10 10:10</span>
				</div>
				<div class="detail-comment-text">
					<div class="detail-comment-text-title"><b>评&nbsp;&nbsp;&nbsp;价:</b></div>
					<div class="detail-comment-text-content">各位各位广东人鬼地方个个人个人个人个人提供好人说都噶尔各色人各色人各色人</div>
				</div>
				<div class="detail-comment-text-reply">
					<div class="detail-comment-text-title"><b>评&nbsp;&nbsp;&nbsp;价:</b></div>
					<div class="detail-comment-text-content">各位各位广东人鬼地方个个人个人个人个人提供好人说都噶尔各色人各色人各色人</div>
				</div>
				
			</div>
		</div>
	</div>
</div>
<!-- //comment -->

</body>
</html>